<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="SNS,交友,朋友,好友,社交圈,朋友圈,优友,圈友,商务" />
	<meta name="description" content="职业人士的社交平台，帮您寻找机会。" />
	<meta name="searchtitle" content="交友,朋友,好友,社交圈,朋友圈,优友,圈友,商务" />
	<meta name="robots" content="all" />
<title>天际网 www.tianji.com - 你的人际网络比你想象得更强大！</title>

<link href="http://image.tianji.com/css/common.css" rel="stylesheet" type="text/css" />
<link href="http://image.tianji.com/css/my_w.css" rel="stylesheet" type="text/css" />
<link href="http://image.tianji.com/css/club.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 7]>
<link href="http://image.tianji.com/css/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 7]>
<link href="http://image.tianji.com/css/ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
<style type="text/css">
		  @import "http://192.168.1.75/dijit/tests/css/dijitTests.css";";
		</style>
	<link rel="stylesheet" id="themeStyles" href="http://192.168.1.75/dijit/themes/tundra/tundra.css">
	<link rel="stylesheet" href="http://192.168.1.75/dojox/image/resources/image.css">
	<style type="text/css">
	span{
	border:1px solid red;
	}
		div{
			border:1px solid black;
		}
		#clubAlbumBody {
			border:4px solid #E9E9E9;
			padding:10px;
			width:720px;
			margin:auto;
		}
		#gallery1{
			float:left;
			width:585px;
		}
		.slideShowImageWrapper{
			border:1px solid red;
			clear:left;
			margin-left:1px;
		}
		.clear{
			clear:both;
		}
		#picDescArea{
			float:left;
			width:585px;
			height:25px;
			text-align:center;
			line-height:1.3em;
 			background:url(http://image.tianji.com/img/club/iconDesc.gif) no-repeat 10px 12px;
  			padding:10px 10px 20px 25px;
		}
		#areaEditable{
			float:left;
			width:420px;
			padding:auto;
			text-align:center;
		}
		#areaEditable span{
			display:block;
			margin:auto;
			width:150px;
			text-align:center;
		}
		#albumDetialToolbar {
		  	vertical-align:bottom;
		 	border-left:1px solid #e1e1e1;
		 	float:left;
			left:10px;
			margin:10px;
			padding:5px;
			margin-left:10px;
			position:relative;
			width:100px;
			height:410px;
		}
		#albumDetialToolbar dl {
			width:90px;
			margin:auto;
			position:absolute;
			top:230px;
		}
		#albumDetialToolbar dt {
		  margin-bottom:5px;
		}
		#albumDetialToolbar dd {
		  line-height:28px;
		  background:url(http://image.tianji.com/img/club/iconArrow.gif) no-repeat 5px center;
		  padding-left:18px;
		  border-bottom:1px solid #c5c5c5;
		}
		#albumDetialToolbar dd.last {
		  border:0;
		}
		.inlineEdit { 
			background-color: #CCC76A; 
		}
	</style>
	<script src="http://192.168.1.75/dojo/dojo.js" djConfig="isDebug:true, parseOnLoad: true"></script>

		<script type="text/javascript">
			var myGallery;
			var imageItemStore = imageItemStore
			dojo.require("dojox.image.Gallery");
			dojo.require("dojo.data.ItemFileWriteStore");
			dojo.require("dojo.parser");	// find widgets
			dojo.addOnLoad(function(){
				createGallery();
			});
			function createGallery(){
				imageItemStore = new dojo.data.ItemFileWriteStore({url:"../../jsonp/json/10"})
				var itemRequest = {showIndex:dojo.byId("showIndex").value};
				var itemNameMap = {
				 imageThumbAttr: "mini",
				 imageLargeAttr: "large",
				 titleAttr:"desc"
				};
				setTimeout(function(){
					console.log(imageItemStore);
					myGallery = dijit.byId('gallery1');
					myGallery.setDataStore(imageItemStore, itemRequest,itemNameMap);				
				},250);
			}
			
		</script>
</head>

<body class="tundra">
	<input id="showIndex" type="text" value="8"/>
	<div id="container" style="border:1px solid black">
		<!-- content -->
		<div id="content">
			<!-- tl0r0 -->
			<div id="tl0r0">
				<div id="clubAlbumBody">
					<h3 class="clubAlbumTitle"><a href="#" class="more">返回相册</a>风景照片</h3>
					<div id="gallery1" dojoType="dojox.image.Gallery" imageWidth="578" imageHeight="385"></div>
					<div class="clear">
	
					</div>
				</div>
			</div>

		</div>
	</div>
</div>
</body>

</html>
